// 台风点详情
<template>
  <el-card>
    <div slot="header">
      <span>台风详情</span>
    </div>
    <div class="item">经纬度：{{ typhoonInfo.lng / typhoonInfo.lat }}</div>
    <div class="item">风向：{{ typhoonInfo.movedirection }}</div>
    <div class="item">风速：{{ typhoonInfo.movespeed }}km/h</div>
  </el-card>
</template>
<script>
export default {
  props: {
    typhoonInfo: {
      type: Object,
      default: () => {
        return {
          lng: '',
          lat: '',
          movedirection: '',
          movespeed: ''
        }
      }
    }
  },
  data() {
    return {

    }
  },
  mounted() {
    console.log(this.typhoonInfo)
  }
}
</script>
